
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <base href="<%=basePath %>">
    <title>图书管理系统——类型管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="./layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./layuiadmin/style/admin.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">

                <div class="layui-inline">
                    <label class="layui-form-label">类型名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="classesname" placeholder="请输入" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-inline">
                    <button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-warehouse-search">
                        <i class="layui-icon  layuiadmin-button-btn">搜索</i>
                    </button>
                </div>

            </div>
        </div>

        <div class="layui-card-body">
            <div style="padding-bottom: 10px;" id="table-warehouse-list" >
                <button class="layui-btn layui-btn-normal layuiadmin-btn-list" data-type="add">添加</button>
                <button class="layui-btn layui-btn-danger " lay-event="dele">删除</button>
            </div>

            <table id="LAY-app-warehouse-list" lay-filter="LAY-app-warehouse-list"></table>

            <script type="text/html" id="table-list">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>

<!--            <script type="text/html" id="cbt">-->
<!--                <input type="checkbox" >-->
<!--            </script>-->

        </div>
    </div>
</div>

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="./layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: './layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table'], function(){
        var table = layui.table
            ,form = layui.form;

        //监听搜索
        form.on('submit(LAY-app-warehouse-search)', function(data){
            var field = data.field;

            //执行重载
            table.reload('LAY-app-warehouse-list', {
                where: field
            });
        });

        //加载表格数据
        table.render({

            elem: '#LAY-app-warehouse-list'
            ,url:'/classList'
            ,cellMinWidth: 30 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,page: true
            ,limit: 10
            ,limits:[10,20,30,50]  //数据分页条
            ,text: '对不起，加载出现异常！'
            ,cols:[[
                // {type:''}
                {type: 'checkbox', fixed: 'left'},
                {field:'classesname',title:'类型名称'},
                {field:'remark',title:'备注'},
                {fixed:'right',title:'操作',width:178,aligh:'center',toolbar:'#table-list'}
            ]]
            //表格数据渲染

        })

        /*
          var $ = layui.$, active = {} 可用于执行表格数据的重载操作
            点击添加 按钮时，添加表格，并重新加载表格数据
        */

        var $ = layui.$, active = {
            add:function () {

                layer.open({
                    type: 2,
                    title:'添加',
                    content: '/class_add.html', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
                    maxmin:true,
                    area:['550px','550px'],
                    btn:['确定','取消'],
                    yes:function (index,layero) {
                        //当点击确定是，出发iframe的提交
                        var submit =layero.find('iframe').contents().find("#layuiadmin-app-form-submit");
                        submit.click();
                    }
                });

            }

        };

        //给layuiadmin-btn-list中的按钮，绑定点击事件，点击按钮时，
        // 触发上面 var $ = layui.$, active 中的某个函数
        $('.layui-btn.layuiadmin-btn-list').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });


        //监听工具条， 当用户点击，编辑，删除按钮时，触发此函数
        table.on('tool(LAY-app-warehouse-list)', function(obj){
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获取具体事件

            //如果事件和  lay-event="edit"中值相等，则触发修改操作
            if(layEvent === 'edit'){ //
                layer.open({
                    type: 2,
                    title:'编辑成功',
                    content: '/class_edit.html', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
                    maxmin:true,
                    area:['550px','550px'],
                    btn:['确定','取消'],
                    success: function (layero,index) {
                        var body = layer.getChildFrame('body', index);
                        //编辑页的数据回填
                        body.find("#id").val(obj.data.id);
                        body.find("#name").val(obj.data.classesname);
                        body.find("#remark").val(obj.data.remark);

                    },
                    yes:function (index,layero) {
                        //当点击确定是，出发iframe的提交
                        var submit =layero.find('iframe').contents().find("#layuiadmin-app-form-submit");
                        submit.click();
                    }
                });


            }

            //如果事件和  lay-event="del"中值相等，则触发删除操作
            if(layEvent === 'del'){ //
                var id = data.id;

                $.ajax({
                    url:'/classDelete',
                    data:{"id":id},
                    type:'post',
                    dataType:'json',
                    success:function(result){

                        if (result.code == 0){
                            var curr = parseInt($(".layui-laypage-curr em:last-child").text())  //获取当前页
                            if(table.cache['LAY-app-warehouse-list'].length == 1 && curr>1){
                                curr -= 1;
                            }
                            //添加成功
                            layer.msg('删除成功', {
                                offset: '15px'
                                ,icon: 1
                                ,time:100
                            }, function(){

                                table.reload("LAY-app-warehouse-list",{page:curr});//重载表格

                            });
                        }else if (result.code == 1){
                            layer.open({
                                title: '提示'
                                ,content: result.msg
                            });
                        }
                    }
                })

            }
            // if(layEvent === 'dele') {
        //         var array = []  // 需要删除的数据会存入这个列表里
        //         var tr = obj.tr;
        //         if (obj.type == 'all') {  // 判断是否全选
        //             var len = array.length;
        //             array.splice(0, len);
        //             $(obj.tr.prevObject[0].firstChild.rows).each(function (i, e) {
        //                 var subarr = [$(e), $(obj.tr.prevObject[1].firstChild.rows[i]), $(obj.tr.prevObject[2].firstChild.rows[i])];
        //                 array.push(subarr);  // 将需要删除的数据存入列表里
        //             })
        //         } else {
        //             if (obj.checked) {
        //                 array.push(tr)
        //             } else {
        //                 var indexs = obj.tr[0].rowIndex;
        //                 InvBArray.forEach((item, index) => {
        //                     if (item[0].rowIndex === undefined) {
        //                         if (item[0][0].rowIndex == indexs) {
        //                             array.splice(index, 1);
        //                         }
        //                     } else if (item[0].rowIndex == indexs) {
        //                         array.splice(index, 1);
        //                     }
        //                 })
        //             }
        //         }
        //         var checkStatus = table.checkStatus(obj.config.id);
        //         var data = checkStatus.data;
        //         switch (obj.event) {
        //             case 'dele':
        //                 if (data.length) {
        //                     layer.confirm('确认要删除吗？', function (index) {
        //                         layer.close(index);
        //                         array.forEach((item) => {
        //                             item[0].remove();
        //                             item[1].remove();
        //                             item[2].remove();
        //                         });
        //                     });
        //                 } else {
        //                     layer.msg('未选择删除行！', {icon: 6});
        //                 }
        //                 break;
        //         }
        //     }


        });
        // var array = []  // 需要删除的数据会存入这个列表里
        //
        // table.on('checkbox(LAY-app-warehouse-list)', function (obj) {  // 触发表格的复选框选中事件，一旦有数据被选中，就会填入array列表里
        //     var tr = obj.tr;
        //     if (obj.type == 'all') {  // 判断是否全选
        //         var len = array.length;
        //         array.splice(0, len);
        //         $(obj.tr.prevObject[0].firstChild.rows).each(function (i, e) {
        //             var subarr = [$(e), $(obj.tr.prevObject[1].firstChild.rows[i]), $(obj.tr.prevObject[2].firstChild.rows[i])];
        //             array.push(subarr);  // 将需要删除的数据存入列表里
        //         })
        //     } else {
        //         if (obj.checked) {
        //             array.push(tr)
        //         } else {
        //             var indexs = obj.tr[0].rowIndex;
        //             InvBArray.forEach((item, index) => {
        //                 if (item[0].rowIndex === undefined) {
        //                     if (item[0][0].rowIndex == indexs) {
        //                         array.splice(index, 1);
        //                     }
        //                 } else if (item[0].rowIndex == indexs) {
        //                     array.splice(index, 1);
        //                 }
        //             })
        //         }
        //     }});

    });

    function reset() {
        $("select#deptId").val("");
        layui.use('form', function () {
            var form = layui.form;
            form.render("select");
        });
    }
</script>
</body>
</html>
